<template>
	<view>
		<view class="banner_box">
			<swiper class="swiper" indicator-dots="true"  autoplay="true" circular="true" interval="3000" >
			<swiper-item>
				<image src="../../static/userbook/1.png" class="banner"></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/userbook/2.png" class="banner" ></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/userbook/3.png" class="banner" ></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/userbook/4.png" class="banner" ></image>
			</swiper-item>
				
		</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.banner_box{
		display: flex;
		width: 100%;
		padding: 20rpx;
		justify-content: center; //垂直居中
		align-items: center;	 //水平居中
		border-radius: 5px;		 //圆角

		.swiper{
			width: 90%;
			height: 1000rpx;
			.banner{
				width: 90%;
				height: 1000rpx;
			}
		}
	}
</style>
